// import './a'
// import './b'
import './css/global.less'
import'./css/common.less'
import box from './css/box.less'
import './css/test.scss'


document.getElementById('app').innerHTML = `<div class="${box.box}"></div>`

// 使用style-loader/useable
// import global from './css/global.css'
// import './css/common.css'
// let flag = false
// setInterval(function(){
//     if(flag){
//         global.unuse()
//         flag = false
//     }else{
//         global.use()
//         flag = true
//     }
// },2000)

require.include('./common.js')

let page = 'b'

// 动态加载
if (page === 'a') {
    require.ensure(['./a'], function() {
        // 这里还没有执行a.js，只是引入了
        const a = require('./a') // 在这里require才会执行a.js
    }, 'a')
} else if (page === 'b') {
    require.ensure(['./b'], function() {
        const b = require('./b')
    }, 'b')
}


require.ensure(['lodash'], function() {
    const b = require('lodash')
    _.join([1, 2, 3, 4], 5)
}, 'lodash')
